<template>
  <div v-loading.fullscreen.lock="loading">
      <div class="total">
          <div style="margin-top:20px;">
                <img style="width: 100%;"  src="@/assets/img/banner2.jpg"/>
            </div>
         <!-- <el-breadcrumb separator-class="el-icon-arrow-right">
             <el-breadcrumb-item>人才培养</el-breadcrumb-item>
             <el-breadcrumb-item>新闻</el-breadcrumb-item>
          </el-breadcrumb> -->
          <div class="title" v-html="title"></div>
          <div class="content" v-html="content"></div>
      </div>
  </div>
</template>

<script>
import '@/assets/js/index.js'
import { result_de } from "@/api/apis";
export default {
data(){
        return{
            title:'',
            content:'',
            loading:true,
            id:''
        }
    },
    created(){
       this.undergraduatedetail()          
    },
    activated(){
        if(this.id!=JSON.parse(JSON.stringify(this.$route.query))){
            this.undergraduatedetail()
        }
    },
    methods:{
       async undergraduatedetail(){    
          let a=JSON.parse(JSON.stringify(this.$route.query))
          console.log(a instanceof Object)
          console.log(this.$route.query instanceof Object)
          const {data:res}=await result_de(a)
          this.title=res.data[0].title
          this.content=res.data[0].content
          this.id=a
          this.loading=false

       }
    }

}
</script>

<style lang="less" scoped>
.el-breadcrumb{
    margin-top: 100px;
    font-size: 16px;
    font-weight: 600;
}
.total{
    font-size: 16px;
    width:10rem;
    margin: 0 auto;
    .title{
        margin-top: .125rem;
        font-size: 30px;
        text-align: center;
    }
    .content{
        margin-top: .25rem;
        // height: 1000px;
        line-height: .5rem;
        /deep/ img{
                margin-left: 1.25rem;
                width: 7.5rem;
            }
    }
}
</style>